<script >
export default {
    data() {
        return {
            msg: 'Jack',
            ops: [
                { text: 'p1', val: 'j1' },
                { text: 'p2', val: 'j2' },
                { text: 'p3', val: 'j3' }
            ],
            sel:'jk'
        }
    }
}
</script>

<template>
    <input type="text" v-model="msg">
    <p>hello {{ msg }}</p>
    <select  v-model="sel">
        <option v-for="op in ops" v-bind:value="op.val" >
            {{ op.text }}
        </option>
    </select>
    <span>seleted:{{ sel }}</span>
</template>

<style scoped></style>
